<template>
  <div class="dashboard-editor-container">
    <el-row style="width: 86.3%; top: 6px; z-index: 999; position: fixed">
      <el-col :span="20" class="card-box">
        <!-- <el-cascader
          class="region"
          v-model="brandList"
          placeholder="选择店铺分组"
          :options="cascadeList"
          :props="{ checkStrictly: true }"
          @change="handleChange"
          style="width: 350px; height: 30px"
        >
        </el-cascader> -->
        <el-select
          v-model="query.brandList"
          multiple
          placeholder="选择品牌"
          filterable
          style="width: 300px"
          size="mini"
        >
          <el-option
            v-for="dict in dict.type.sys_product_pp"
            :key="dict.value"
            :label="dict.label"
            :value="dict.label"
          />
        </el-select>
      </el-col>

      <el-col :span="4">
        <el-radio-group v-model="query.dateType" size="small">
          <el-radio-button
            v-for="(item, index) in typeArr"
            :key="index"
            :label="item.value"
            >{{ item.label }}</el-radio-button
          >
        </el-radio-group>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "Admin",
  dicts: [
    "sys_product_item",
    "sys_product_secondary",
    "sys_product_cycle",
    "sys_product_pl",
    "sys_product_pp",
  ],
  data() {
    return {
      query: { brandList: ["VFU"], dateType: "month" },
      typeArr: [
        { value: "month", label: "MTD" },
        { value: "quarterly", label: "QTD" },
        { value: "year", label: "YTD" },
      ],
    };
  },
  created() {},

  watch: {
    query: {
      handler: function (newnew, oldold) {},
      deep: true,
      immediate: true,
    },
  },

  methods: {},
};
</script>

<style lang="scss" scoped>
.el-tabs--card {
  height: calc(100vh - 110px);
  /* overflow-y: auto; */
}
.el-tab-pane {
  height: calc(100vh - 110px);
  overflow-y: auto;
}
::v-deep .el-tabs__content {
  /* height: 185px;
  border-radius: 4px; */
  background-color: rgb(240, 242, 245) !important; /* 使用你想要的蓝色 */
}
.el-dialog-div {
  height: 100vh;
  overflow-x: hidden;
}
.nomargin {
  display: flex;
  justify-content: center;
  align-items: center;
}
.content {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}
.spanflex {
  display: flex;
  justify-content: space-between;
  width: 90px;
  border: 1px solid silver;
}
.flex {
  border: 1px solid silver;
  // border-color: aliceblue;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
/* 移除默认的列表样式 */
ul {
  margin-top: 0.4%;
  list-style-type: none;
  /* 设置弹性布局，使列表项横向排列 */
  display: flex;
  /* 添加一些内边距和背景颜色 */
  // padding: 10px;
  margin-right: 10px;
  /* 设置边框和圆角 */
  // border: 1px solid #ddd;
  border-radius: 5px;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

/* 设置列表项样式 */
li {
  /* 添加一些内边距和右边距 */
  // padding: 10px;
  margin-right: 10px;
  /* 设置链接文本样式 */
  font-size: 15px;
  color: #bbb;
  text-decoration: none;
}

li.active a {
  // color: #f00;
  /* 高亮颜色 */
  color: #fff;
  background-color: #40c9c6;
}

// section {
//   margin-top: 60px;
// }

.dashboard-editor-container {
  // padding: 16px;
  background-color: rgb(240, 242, 245);
  position: relative;

  .github-corner {
    position: absolute;
    top: 0px;
    border: 0;
    right: 0;
  }

  .chart-wrapper {
    background: #fff;
    padding: 16px 16px 0;
    margin-bottom: 16px;
  }
}

@media (max-width: 1024px) {
  .chart-wrapper {
    padding: 8px;
  }
}
// .train-tree-cascader {
//   height: 500px !important;
// }

// .el-scrollbar__wrap {
//   overflow: initial !important;
// }
</style>

    /** 自营销售目标 */
    @Excel(name = "自营销售目标")
    private Double selfSalesTarget;

    /** 销售额 */
    @Excel(name = "销售额")
    private Double saleAmount;
    private Double saleAmountChain;//环比
    private Double saleAmountYoy;//同比

    /** 退款金额 */
    @Excel(name = "退款金额")
    private Double returnAmount;
    private Double returnAmountChain;//环比
    private Double returnAmountYoy;//同比

    /** 净销售额 */
    @Excel(name = "净销售额")
    private Double netSalesAmount;
    private Double netSalesAmountChain;//环比
    private Double netSalesAmountYoy;//同比

    /** 下单数 */
    @Excel(name = "下单数")
    private Integer ordersNumber;
    private Double ordersNumberChain;//环比
    private Double ordersNumberYoy;//同比

    /** 客单价 */
    @Excel(name = "客单价")
    private Double customerUnitPrice;
    private Double customerUnitPriceChain;//环比
    private Double customerUnitPriceYoy;//同比

    /** 商品销售成本 */
    @Excel(name = "商品销售成本")
    private Double saleCostPro;
    private Double saleCostProChain;//环比
    private Double saleCostProYoy;//同比

    /** 退款率 */
    @Excel(name = "退款率")
    private Double refundRate;
    private Double refundRateChain;//环比
    private Double refundRateYoy;//同比

    /** 支付买家数(成交人数) */
    @Excel(name = "支付买家数(成交人数)")
    private Integer paidCustomers;
    private Double paidCustomersChain;//环比
    private Double paidCustomersYoy;//同比

    /** ROI */
    @Excel(name = "ROI")
    private Double roi;
    private Double roiChain;//环比
    private Double roiYoy;//同比



    /** 营销花费 */
    @Excel(name = "营销花费")
    private Double marketingCost;
    private Double marketingCostChain;//环比
    private Double marketingCostYoy;//同比

    /** 新增新客数 */
    @Excel(name = "新增新客数")
    private Integer newCustomerIncreaseCount;
    private Double newCustomerIncreaseCountChain;//环比
    private Double newCustomerIncreaseCountYoy;//同比

    /** 退款订单数 */
    @Excel(name = "退款订单数")
    private Integer refundOrderCount;
    private Double refundOrderCountChain;//环比
    private Double refundOrderCountYoy;//同比

    /** 直播成交金额 */
    @Excel(name = "直播成交金额")
    private Double liveSalesAmount;
    private Double liveSalesAmountChain;//环比
    private Double liveSalesAmountYoy;//同比

    /** 直播退款金额 */
    @Excel(name = "直播退款金额")
    private Double liveReturnAmount;
    private Double liveReturnAmountChain;//环比
    private Double liveReturnAmountYoy;//同比

    /** 直播间曝光次数 */
    @Excel(name = "直播间曝光次数")
    private Integer liveExposureCount;
    private Double liveExposureCountChain;//环比
    private Double liveExposureCountYoy;//同比

    /** 直播成交人数 */
    @Excel(name = "直播成交人数")
    private Integer liveSalesBuyerCount;
    private Double liveSalesBuyerCountChain;//环比
    private Double liveSalesBuyerCountYoy;//同比

    /** 账号新增粉丝数 */
    @Excel(name = "账号新增粉丝数")
    private Integer newFansCount;
    private Double newFansCountChain;//环比
    private Double newFansCountYoy;//同比

    /** 自营商品访客数 */
    @Excel(name = "自营商品访客数")
    private Integer shopProductVisitorCount;
    private Double shopProductVisitorCountChain;//环比
    private Double shopProductVisitorCountYoy;//同比

    /** 自营商品销售件数 */
    @Excel(name = "自营商品销售件数")
    private Integer selfOperatedSaleCount;
    private Double selfOperatedSaleCountChain;//环比
    private Double selfOperatedSaleCountYoy;//同比

    /** 自营商品点击转化率 */
    @Excel(name = "自营商品点击转化率")
    private Double selfOperatedProductClickConversionRate;
    private Double selfOperatedProductClickConversionRateChain;//环比
    private Double selfOperatedProductClickConversionRateYoy;//同比



    /** 合作达人数 */
    @Excel(name = "合作达人数")
    private Integer cooperationInfluencerCount;
    private Double cooperationInfluencerCountChain;//环比
    private Double cooperationInfluencerCountYoy;//同比

    /** 直播成交订单数 */
    @Excel(name = "直播成交订单数")
    private Integer liveOrderCount;
    private Double liveOrderCountChain;//环比
    private Double liveOrderCountYoy;//同比

    /** 千次观看成交金额 */
    @Excel(name = "千次观看成交金额")
    private Double thousandViewSalesAmount;
    private Double thousandViewSalesAmountChain;//环比
    private Double thousandViewSalesAmountYoy;//同比

    /** 年 */
    @Excel(name = "年")
    private Integer dataYear;

    /** 季度 */
    @Excel(name = "季度")
    private Integer dataQuarter;

    /** 月 */
    @Excel(name = "月")
    private Integer dataMonth;

    /** 周 */
    @Excel(name = "周")
    private Integer dataWeek;

    //目标达成率
    private Double targetCompletionRate;

    /** 店铺运营数 */
    private Integer shopCount;



    private Double monthlyCompletionRate;//本月完成率
private Double monthlyProgress;:11本月进度
private Double monthlySales;// 本月销售额
private Double monthlySalesYoy;// 本月销售额同比
private Double monthlySalesChain;//本月销售额环比
private Double monthlySalesTarget;//月销售目标
private Double:quarterlyCompletionRate;//李度完成率
private Double quarterlyProgress;// 李度进度
private Double salesTargetQuarterly;// 李销售目标
private Double quarterlySales;//李度销售额
private Double quarterlySalesYoy;// 李度销售额同比
private Double quarterlySalesChain;// 李度销售额环比
private Double yearCompletionRate;//年度完成率
private Double yearProgress;// 年度进度
private Double yearSales;//年度销售额
private Double yearSalesChain;// 年度销售额环比
private Double yearSalesYoy;// 年度销售额同比private Double salesTargetYear;//年销售目标


public class BiDyYMQCrowdSaleType {

    /** 人群总数 */
    @Excel(name = "人群总数")
    private Integer targetAudienceTotalCount;
    private Double targetAudienceTotalCountChain;//环比

    //人群趋势
    private Map<String,Integer> crowdTrend;

    //人群净值
    private Integer netCrowd;
    private Double netCrowdChain;//环比

    //人群净值趋势
    private Map<String,Integer> netCrowdTrend;

    /** 新增人数 */
    @Excel(name = "新增人数")
    private Integer addCrowdBrand;

    /** 流失人数 */
    @Excel(name = "流失人数")
    private Integer loseCrowdBrand;

    /** 支付老买家数 */
    @Excel(name = "支付老买家数")
    private Integer oldPaidCustomers;
    private Double oldPaidCustomersChain;//环比

    /** 支付新买家数 */
    @Excel(name = "支付新买家数")
    private Integer newPaidCustomers;
    private Double newPaidCustomersChain;//环比

    /** 客单价 */
    @Excel(name = "客单价")
    private Double customerUnitPrice;
    private Double customerUnitPriceChain;//环比
    //客单价趋势
    private Map<String,Double> customerUnitPriceTrend;

    /** 老客客单价 */
    @Excel(name = "老客客单价")
    private Double oldCustomerUnitPrice;
    private Double oldCustomerUnitPriceChain;//环比

    /** 新客客单价 */
    @Excel(name = "新客客单价")
    private Double newCustomerUnitPrice;
    private Double newCustomerUnitPriceChain;//环比

    /** 自营销售额 */
    @Excel(name = "自营销售额")
    private Double selfOperatedSalesAmount;
    private Double selfOperatedSalesAmountChain;//环比

    //自营销售额趋势
    private Map<String,Double> selfOperatedSalesAmountTrend;

    /** 自营直播销售额 */
    @Excel(name = "自营直播销售额")
    private Double selfOperatedLiveSalesAmount;
    private Double selfOperatedLiveSalesAmountChain;//环比

    /** 自营短视频销售额 */
    @Excel(name = "自营短视频销售额")
    private Double selfOperatedVideoSalesAmount;
    private Double selfOperatedVideoSalesAmountChain;//环比

    /** 自营商品卡销售额 */
    @Excel(name = "自营商品卡销售额")
    private Double selfOperatedProductCardSalesAmount;
    private Double selfOperatedProductCardSalesAmountChain;//环比

    /** 自营其他（搜索）销售额 */
    @Excel(name = "自营其他（搜索）销售额")
    private Double selfOperatedOtherSalesAmount;
    private Double selfOperatedOtherSalesAmountChain;//环比

    /** 达人合作销售额 */
    @Excel(name = "达人合作销售额")
    private Double influencerCooperationSalesAmount;
    private Double influencerCooperationSalesAmountChain;//环比

    //达人合作销售额趋势
    private Map<String,Double> influencerCooperationSalesAmountTrend;

    /** 达人直播销售额 */
    @Excel(name = "达人直播销售额")
    private Double influencerLiveSalesAmount;
    private Double influencerLiveSalesAmountChain;//环比

    /** 达人商品卡销售额 */
    @Excel(name = "达人商品卡销售额")
    private Double influencerProductCardSalesAmount;
    private Double influencerProductCardSalesAmountChain;//环比

    /** 达人其他（搜索）销售额 */
    @Excel(name = "达人其他（搜索）销售额")
    private Double influencerOtherSalesAmount;
    private Double influencerOtherSalesAmountChain;//环比

    /** 达人短视频销售额 */
    @Excel(name = "达人短视频销售额")
    private Double influencerVideoSalesAmount;
    private Double influencerVideoSalesAmountChain;//环比

}


/** 自营直播销售额 */
@Excel(name ="自营直播销售额")
private Double selfOperatedLiveSalesAmount;
** 自营短视频销售额 */
@Excel(name ="自营短视频销售额")
private Double selfoperatedVideoSalesAmount;
/** 自营商品卡销售额 */
@Excel(name ="自营商品卡销售额")
private Double self0peratedProductCardSalesAmount;
/** 自营其他(搜索)销售额 */
@Excel(name =“自营其他(搜索)销售额")private Double selfoperated0therSalesAmount;
/** 达人直播销售额 *!@Excel(name ="达人直播销售额")
private Double inflvencerLiveSalesAmount;
/** 达人商品卡销售额 *
@Excel(name ="达人商品卡销售额")
private Double inflvencerProductCardSalesAmount;
/** 达人其他(搜索)销售额 */@Excel(name ="达人其他(搜索)销售额")private Double influencerOtherSalesAmount;
/** 达人短视频销售额 *
0Excel(name ="达人短视频销售额"
private Double influencerVideoSalesAmount;


/** 自营销售额 *@Excel(name =“自营销售额")private Double selfoperatedSalesAmount;
/** 自营退款金额 */@Excel(name ="自营退款金额")private Double selfoperatedReturnAmount;
/** 自营成交订单数 */@Excel(name =“自营成交订单数")private Integer selfOperatedOrderCount;
/** 店铺商品访客数 */@Excel(name =“店铺商品访客数")private Integer shopProductVisitorCount;
/** 自营成交人数 */
@Excel(name ="自营成交人数")private Integer selfOperatedBuyerCount;


"selfOperatedSalesAmount": 4000.0,
        "selfOperatedSalesCount": null,
        "selfOperatedReturnAmount": 320.0,
        "selfOperatedRefundRate": 0.08,
        "selfOperatedOrderCount": 2000,
        "shopProductVisitorCount": 420,
        "selfOperatedProductClickCount": 800,
        "selfOperatedProductClickConversionRate": null,
        "selfOperatedBuyerCount": 4000,
        "selfOperatedCustomerUnitPrice": 1.0,
        "selfOperatedLiveSalesAmount": 4000.0,
        "selfOperatedLiveOrderCount": 8000,
        "selfOperatedLiveReturnAmount": 400.0,
        "selfOperatedVideoSalesAmount": 1200.0,
        "selfOperatedVideoOrderCount": 1600,
        "selfOperatedVideoReturnAmount": 2000.0,
        "selfOperatedProductCardSalesAmount": 4000.0,
        "selfOperatedProductCardOrderCount": 6000,
        "selfOperatedProductCardReturnAmount": 8000.0,
        "selfOperatedOtherSalesAmount": 12000.0,
        "selfOperatedOtherOrderCount": 16000,
        "selfOperatedOtherReturnAmount": 20000.0,


        /** 直播时长 */
@Excel(name = "直播时长")
private String liveDuration;

/** 人均观看时长 */
@Excel(name = "人均观看时长")
private String avgWatchDuration;

/** 直播间曝光次数 */
@Excel(name = "直播间曝光次数")
private Integer roomExposureCount;

/** 直播间观看次数 */
@Excel(name = "直播间观看次数")
private Integer roomWatchCount;

/** 直播间曝光-观看率(次数) */
@Excel(name = "直播间曝光-观看率(次数)")
private Double roomExposureToWatchRate;


/** 直播间互动次数 */
@Excel(name = "直播间互动次数")
private Integer roomInteractionCount;

/** 直播间观看-互动率(次数) */
@Excel(name = "直播间观看-互动率(次数)")
private Double roomWatchToInteractionRate;

 "roomExposureCount": 1205694,
        "roomWatchCount": 131610,
        "roomExposureToWatchRate": 0.11,
        "roomInteractionCount": null,
        "roomWatchToInteractionRate": null,
        "newFollowersCount": null,
        "productExposureCount": 921267,
        "productClickCount": 79176,
        "productExposureToClickRate": 0.09,
        "productClickToOrderRate": 0.0,
        "completedOrdersCount": 3096,
        "uniqueBuyersCount": null,
        "totalTransactionAmount": null,
        "soldItemsCount": 3096,
        "gmvPerThousandViews": 11453.21,
        "averageOrderValue": null,
        "cpcThousandViews": null,
        "payConversionRate": null,
        "viewProductExposureRate": 7.0,

/** 新增粉丝数 */
@Excel(name = "新增粉丝数")
private Integer newFollowersCount;

/** 商品曝光次数 */
@Excel(name = "商品曝光次数")
private Integer productExposureCount;

/** 商品点击次数 */
@Excel(name = "商品点击次数")
private Integer productClickCount;

/** 商品曝光-点击率(次数) */
@Excel(name = "商品曝光-点击率(次数)")
private Double productExposureToClickRate;

/** 商品点击-成交率(次数) */
@Excel(name = "商品点击-成交率(次数)")
private Double productClickToOrderRate;

/** 成交订单数 */
@Excel(name = "成交订单数")
private Integer completedOrdersCount;

/** 成交人数 */
@Excel(name = "成交人数")
private Integer uniqueBuyersCount;

/** 成交金额 */
@Excel(name = "成交金额")
private Double totalTransactionAmount;

/** 成交件数 */
@Excel(name = "成交件数")
private Integer soldItemsCount;

/** 千次观看成交金额 */
@Excel(name = "千次观看成交金额")
private Double gmvPerThousandViews;

/** 客单价 */
@Excel(name = "客单价")
private Double averageOrderValue;

/** 千次消耗 */
@Excel(name = "千次消耗")
private Double cpcThousandViews;

//支付转化率
private Double payConversionRate;

//观看商品曝光率
private Double viewProductExposureRate;

//时间单位
private String dataDateUnit;



直播间暖光次数
12.66万
同比:-38.56%
直播问观看次数
6.66万
同比:-38.569
直播间成交订单数 3.66万
光.观看率23.0696
支付转化率28.096

商品曝光次数
12.66万
同比:-38.56%
商品点击次数
6.66万
同比:-38.56
商品成交件数 3.66万
光点击率
52 696
品点击·成交率28.日%